import {Component} from 'react';
import One from './one';
import Two from './two'

/**
 * react的更新机制
 * 父组件如果更新，那么其下的所有的子组件也会相应的更新
 */
class Counter extends Component{

    state={
        num:0
    }

     // shouldComponentUpdate(nextProps, nextState){
       //console.log(nextState)
       /* if(this.state.num===nextState.num){
        return false;
       }else{
           return true;
       } */
      // return this.state.num!==nextState.num
        
    //} 

    handleClick=()=>{

        let num = Math.floor(Math.random()*3)

        this.setState({num});
    }

    render(){
        console.log("reader==>counter")
        return(
            <div>
                <h1>点击次数为：{this.state.num} </h1>
                <button onClick={this.handleClick}>点击+1</button>
                 <One></One>
                 <Two></Two>
            </div>
        )
    }


}

export default Counter